<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人员管理</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
	</head>

	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="w-1200">
				<div class="logo">
					<img src="images/logo_03.png">
				</div>
				<ul>
					<li><a>组织图</a></li>
					<li><a href="set.html">个人设置</a></li>
					<li><a href="login.html">退出</a></li>
				</ul>
				<div class="personnel">admin / 管理员 / 吉林长春分部</div>
			</div>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="w-1200">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="email.html">邮件</a></li>
					<li><a href="approval.html">审批</a></li>
					<li><a href="notice.html">公告</a></li>
					<li><a href="report.html">业务报告</a></li>
					<li><a href="task.html">任务奖励</a></li>
					<li><a href="work.html">考勤管理</a></li>
					<li class="cur2"><a href="personnel.html">人员管理</a></li>
					<li><a href="homepage.html">网站主页</a></li>
				</ul>
			</div>
		</div>
		<!-- 内容 -->
		<div class="w-1200 container">
			<!-- 左侧导航 -->
			<div class="Left LeftMore">
				<div class="columnBox">
					<h1><a class="cur">员工列表</a></h1>
				</div>
				<div class="columnBox">
					<h1><a>财务统计</a></h1>
				</div>
			</div>
			<!-- 右侧内容 -->
			<div class="Right RightMore">
				<ul class="operate">
					<li><a class="add">添加人员</a></li>
					<li class="query">
						<lable>姓名</lable>
						<input placeholder="关键字" />
						<lable>日期</lable>
						<input placeholder="请选择" onclick="WdatePicker({startDate:'today'})" />
						<a>查询</a>
					</li>
				</ul>
				<!--表格  -->
				<table class="table-list">
					<thead>
						<tr>
							<th>员工号</th>
							<th>姓名</th>
							<th>部门</th>
							<th>在职状态</th>
							<th>入职时间</th>
							<th>转正时间</th>
							<th>离职时间</th>
							<th>身份证号</th>
							<th>联系电话</th>
							<th>学历</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
						<tr>
							<td>001</td>
							<td>张一鸣</td>
							<td>研发部</td>
							<td>已转正</td>
							<td>2014-07-31</td>
							<td>2014-07-31</td>
							<td></td>
							<td>220786155603384593</td>
							<td>13512317899</td>
							<td>本科</td>
							<td>
								<a>明细</a>
							</td>
						</tr>
					</tbody>
				</table>
				<!-- 分页 -->
				<div class="page-box">
					<ul class="page-count">
						<li>共132条记录</li>
						<li>第1/10页</li>
					</ul>
					<dl>
						<dd><a>首页</a></dd>
						<dd><a>上一页</a></dd>
						<dd class="cur"><a>1</a></dd>
						<dd><a>2</a></dd>
						<dd><a>3</a></dd>
						<dd><a>4</a></dd>
						<dd><a>5</a></dd>
						<dd><span>...</span></dd>
						<dd><a>10</a></dd>
						<dd><a>下一页</a></dd>
						<dd><a>尾页</a></dd>
						<dt><span>跳转到</span></dt>
						<dt><input type="number" /></dt>
						<dt><span>页</span></dt>
						<dt><a>确定</a></dt>
					</dl>
				</div>
			</div><!-- RightMore -->
		</div>

		<!-- 发布 -->
		<div class="write-box">
			<ul class="operate">
				<li><a class="send">添加</a></li>
				<li><a>修改</a></li>
				<li class="query"><a class="close">关闭</a></li>
			</ul>
			<div class="write-con">

				<table>
					<tr>
						<td><span>员工号：</span></td>
						<td>A071</td>
					</tr>
					<tr>
						<td><span>部门：</span></td>
						<td>
							<select>
								<option value="1">请选择</option>
								<option value="2">产品部</option>
								<option value="3">设计部</option>
								<option value="2">研发部</option>
								<option value="3">运维部</option>
								<option value="2">管理部</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span>职位：</span></td>
						<td>
							<select>
								<option value="1">请选择</option>
								<option value="2">产品</option>
								<option value="3">设计</option>
								<option value="2">开发</option>
								<option value="3">运维</option>
								<option value="2">管理</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span>级别：</span></td>
						<td>
							<select>
								<option value="1">请选择</option>
								<option value="2">A</option>
								<option value="3">B</option>
								<option value="2">C</option>
								<option value="3">D</option>
								<option value="2">E</option>
							</select>
						</td>
					</tr>
					<tr>
						<td><span>入职日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>入职状态：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>年假天数：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>劳动合同开始日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>劳动合同结束日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
				</table>

				<table>
					<tr>
						<td><span>姓名：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>性别：</span></td>
						<td>
							<div class="sex-box">
								<input type="radio" name="sex" checked="checked" /><label>男</label>
								<input type="radio" name="sex" /><label>女</label>
							</div>
						</td>
					</tr>
					<tr>
						<td><span>出生日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>民族：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>照片：</span></td>
						<td><input type="file"></td>
					</tr>
					<tr>
						<td><span>身份证号：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>手机号：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>QQ：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>邮箱：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>紧急联系人：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>紧急联系人电话：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>现住地：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>户口所在地：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>备注：</span></td>
						<td><textarea class="little" placeholder="字符500以内~"></textarea></td>
					</tr>
				</table>
				
				<table>
					<tr>
						<td><span>毕业院校：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>专业：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>学制：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>学历：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>入学日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>毕业日期：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>所获证书：</span></td>
						<td><input placeholder="请输入"></td>
					</tr>
					<tr>
						<td><span>其他奖励：</span></td>
						<td><textarea class="little" placeholder="字符500以内~"></textarea></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="bg-shadow"></div>
		<!-- JS -->
		<script src="js/jquery.js"></script>
		<script src="js/common.js"></script>
		<script src="My97DatePicker/WdatePicker.js"></script>
		<script>
			// 发布
			function showMessage() {
				$(".bg-shadow").fadeIn(100);
				$(".write-box").fadeIn(300);
			}

			function closeMessage() {
				$(".bg-shadow").fadeOut();
				$(".write-box").fadeOut(100);
				$(".look-box").fadeOut(100);
			}
			$(".operate li .add").click(function() {
				showMessage();
			})
			$(".operate li .send").click(function() {
				alert("发送成功");
				closeMessage()
			})
			$(".operate li .close").click(function() {
				closeMessage();
			})
			// 查看
			$(".table-list tbody tr td a").click(function() {
				showMessage();
			})
		</script>
	</body>
</html>
